<template>
  <div class="mine">
    <div class="card">
        <h3>吃货卡</h3>
    </div>
    <div class="tool">
      <h3>常用工具</h3>
      <van-grid>
        <van-grid-item icon="location-o" text="我的地址" @click='$router.push("/address")' />
        <van-grid-item icon="phone-o" text="我的客服" />
        <van-grid-item icon="like-o" text="店铺关注" @click="toCollect" />
        <van-grid-item icon="star-o" text="评价有礼" />
      </van-grid>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
  methods: {
    toCollect() {
      this.$router.push("/collect");
    },
  },
};
</script>

<style lang='scss' scoped>
.mine{
    .card{
        width: 90%;
        height: 100px;
        margin: 30px auto;
        border-radius: 10px;
        background-color: lightskyblue;
        h3{
            color: white;
           padding: 10px;
        }
    }
}
</style>